<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/task.css">
</head>

<body>
    <div id="app">
        <!--1.发帖按钮-->
        <div class="btn-wrap">
            <button class="btn">我要发帖</button>
        </div>
        <!--2.帖子列表-->
        <div class="comment-list">
            <ul>
                <li>
                    <!-- 左边的图片 -->
                    <div class="img-wrap">
                        <img src="../img/f10.jpg" alt="" title="头像" class="comment-img" />
                    </div>
                    <!-- 中间信息 -->
                    <div class="msg">
                        <h3 class="title">标题</h3>
                        <div class="plate">
                            板块:<span></span>&nbsp;&nbsp;&nbsp;&nbsp;
                            发布时间：<span></span>
                        </div>
                    </div>
                    <!-- 右边操作 -->
                    <div class="operate">
                        <button class="delete">删除</button>
                        <button class="collect">收藏</button>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 3、表单 -->
        <div class="form-group">
            <div class="form-item">
                <input type="text" placeholder="请输入标题1-50字" class="form-title" />
            </div>
            <div class="form-item">
                板块：<select class="form-plate">
                    <option value="">请选择板块</option>
                    <option value="HTML">HTML</option>
                    <option value="CSS">CSS</option>
                    <option value="JS">JS</option>
                    <option value="Vue">Vue</option>
                </select>
            </div>
            <div class="form-item">
                <textarea name="" class="form-content" cols="30" rows="10"></textarea>
            </div>
            <div class="form-item">
                <button class="pub-btn">发布</button>
            </div>
        </div>
    </div>

</body>
<script src="../js/task.js"></script>

</html>